<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view contentType="text/html">
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
           
            <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
            <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
            <title>Facelets Template</title>
        </h:head>

        <h:body>        
            <p:layout fullPage="true">
                <p:layoutUnit position="top" height="70">
                    <div id="top" class="top">
                        Cabecera
                    </div>
                </p:layoutUnit>

                <p:layoutUnit position="left" width="200" resizable="true" collapsible="true">
                    <h:form>
                        <p:menu type="sliding">
                            <p:submenu label="Usuarios">
                                <p:menuitem value="Crear" action="usuarios" ajax="false" />
                                <p:menuitem value="Listar" action="listarUsuarios" ajax="false" />
                            </p:submenu>
                            <p:submenu label="Materiales">
                                <p:menuitem value="Registrar" ajax="false" />
                            </p:submenu>
                            
                            <p:submenu label="Sesión">
                                <p:menuitem value="Cambiar Contraseña" ajax="false" />
                                <p:menuitem value="Salir" ajax="false" />
                            </p:submenu>
                            
                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <ui:insert name="content">
                        Formulario
                    </ui:insert>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>
